<%@ page language="java" contentType="text/html; charset=EUC-KR"
	pageEncoding="EUC-KR"%>

<script type="text/javascript" src="resources/jquery/jquery-1.7.2.min.js"></script>


<meta http-equiv="Content-Type" content="text/html; charset=EUC-KR">
<title>Insert title here</title>
<style type="text/css">
#portfolio{
	list-style: none;	
}
.image ul{

	margin: 30px auto;
	background: #FFF;
	padding: 20px;
}

</style>


<%@ include file="/top.jsp"%>

<div class="image">
<ul id="portfolio" >
	<li><img src="resources/images/ggbg.gif"/></li>
	<li><img src="resources/images/whizzkids.gif"/></li>
	<li><img src="resources/images/km.jpg"/></li>
	<li><img src="resources/images/rt_arch.jpg"/></li>
	<li><img src="resources/images/tuev.jpg"/></li>
</ul>
</div>





<script type="text/javascript" src="resources/jquery/jquery.js"></script>
<script type="text/javascript" src="resources/jquery/jquery.innerfade.js"></script>
<script type="text/javascript">
			$(function () {
				$('ul#portfolio').innerfade({
					speed: 1000,
					timeout: 5000,
					type: 'sequence',
					containerheight: '220px'
				});
			});
			$(function(){

				$(".menu li a").wrapInner( '<span class="out"></span>' );

				$(".menu li a").each(function() {
					$( '<span class="over">' +  $(this).text() + '</span>' ).appendTo( this );
				});


				$(".menu li a").hover(function() {
					$(".out",	this).stop().animate({'top':	'45px'},	200); 
					$(".over",	this).stop().animate({'top':	'0px'}, 200);

				}, function() {
					$(".out",	this).stop().animate({'top':	'0px'},		200); 
					$(".over",	this).stop().animate({'top':	'-45px'}, 200);
				});

			});
</script>
<%@ include file="/bottom.jsp"%>
